<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<!--script可以写在这里，不过写在这里要写进window.onload中（为window绑定一个onload对象）-->
		<script type="text/javascript">
		window.onload=function(){
		/*为对应事件绑定处理函数，推荐使用*/
		var btn=document.getElementById("btn");
		/*绑定单击事件-单击响应函数*/
		btn.onclick=function(){
			alert("按钮");
		};
			}
		</script>
	</head>
	<body>
		<!--结构与行为耦合，不推荐-->
		<!--<button onclick="alert('按钮')">这是一个按钮</button>-->
		<button id="btn">这是一个按钮</button>
<!--script也可以写在这里-->
		<script type="text/javascript">
		/*为对应事件绑定处理函数，推荐使用*/
		var btn=document.getElementById("btn");
		/*绑定单击事件-单击响应函数*/
		btn.onclick=function(){
			alert("按钮");
		};
		</script>
	</body>
</html>
